﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="mfAreaDjackVehicleList.aspx.cs" Inherits="msBsc.WebUi.mMall.Seller.mfAreaDjackVehicleList" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>地接客-在租车辆列表</title>
    <%=getMeta()%>
    <link href="/themes/mStyle1/css/home/base.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" type="text/css" href="/themes/mStyle1/mGlobal.css" charset="gbk" />
    <link rel="stylesheet" type="text/css" href="/themes/mStyle1/mhome.css" charset="gbk" />
    <%=getBodyBeforeJs()%>

    <style type="text/css">
        .carlist {
            bottom: 0;
            left: 0;
            overflow: auto;
            top: 97px;
            width: 100%;
            z-index: -1;
            overflow-x: visible;
            overflow-y: visible;
        }

        .listcon {
            position: relative;
            width: 100%;
        }

            .listcon dl {
                border: 1px solid #ffffff;
                background-color: #ffffff;
                margin: 13px auto;
                overflow: auto;
                width: 99%;
                display: table;
            }

                .listcon dl dt {
                    display: table-cell;
                    width: 30%;
                    padding: 0px 10px;
                    vertical-align: text-bottom;
                }

        a {
            color: inherit;
            outline: medium none;
            text-decoration: none;
        }

        .listcon dl dt img {
            width: 100%;
        }

        img {
            border: 0 none;
        }

        .listcon dl dd {
            display: table-cell;
            width: 70%;
            vertical-align: top;
            font-size: 15px;
            line-height: 21px;
            margin-left: 140px;
        }

            .listcon dl dd h3 {
                font-size: 22px;
                font-weight: normal;
                height: 37px;
                line-height: 43px;
                overflow: hidden;
                width: 50%;
            }

            .listcon dl dd p {
                color: #666666;
                line-height: 43px;
                font-size: 12px;
                overflow: hidden;
            }

        .b_price {
            color: red;
            font-size: 15px;
            font-weight: bold;
        }

        .listcon dl dd p .span_l {
            margin-right: 5px;
            text-align: left;
        }

        .listcon dl dd p span {
            display: block;
            float: left;
        }

        .span_r {
            margin-right: 5px;
            background: none repeat scroll 0 0 #f7f7f7;
            border: medium none;
            border-radius: 50%;
            display: inline-block;
            font-size: 13px;
            font-weight: bold;
            height: 36px;
            line-height: 36px;
            min-width: 37px;
            text-align: center;
            color: #4b4b4b;
            cursor: pointer;
            margin-top: 10px;
        }

        body {
            margin: 0;
            padding: 0;
            background-color: #ffffff;
        }

        .viewport {
            background-color: #edeeee;
        }

        .green {
            background: none repeat scroll 0 0 #69cd38;
            border: medium none;
            border-radius: 7px;
            color: #fff;
            cursor: pointer;
            display: inline-block;
            font-size: 16px;
            font-weight: bold;
            height: 36px;
            line-height: 36px;
            padding: 0 20px;
            text-align: center;
            min-width: 200px;
            width: 100%;
        }

        .fabu {
            width: 95%;
            margin: 15px auto;
        }

        .pageInfo {
            font-size: 18px;
            height: 20px;
            padding-left: 10px;
        }

        .log {
            background-color: #ffffff;
            height: 20px;
            margin: 1px auto;
            text-align: center;
            width: 98%;
            cursor: pointer;
        }

        .opt {
            float: right;
            margin-top: -39px;
            width: 48px;
        }
    </style>
</head>
<body>
    <div class="viewport">
        <%=msBsc.WebUi.Code.QtHtmlGet.GetWapHeaderMenuHtml(true) %>
        <div class="main">
            <div class="carlist">
                <div class="fabu">
                    <a href="/ms_AddVehicle.htm" class="green">发布车辆信息</a>
                </div>
                <div class="pageInfo">
                    共有出售中的宝贝<span id="sumCount" style="color: red">0</span>条
                </div>
                <div class="listcon" id="carList">
                </div>
                <xmp id="svc_list_temp_vehicle" style="display: none">
                        {{#for(var i=0,len=d.rows.length;i < len;i++){ }}
                    <dl>
                        <dt>
                            <img src="{{d.rows[i].VEHICLE_DEFAULT_PIC}} 260x155img.jpg" />
                        </dt>
                        <dd>
                            <h3>{{d.rows[i].VEHICLE_NAME}}</h3>
                            <div class="opt">
                                <a class="span_r" href="/ms_Schedule.htm?vehicleId={{d.rows[i].VEHICLE_INFO_ID}}">日程</a>
                            </div>
                                <p><span class="span_l">{{d.rows[i].VEHICLE_BRAND_NAME}}|</span>{{d.rows[i].VEHICLE_SEATS}}座 | {{d.rows[i].VEHICLE_SERVICE_TYPE_NAME}}</p>
                            
                                    <p title="{{d.rows[i].VEHICLE_NOPASS_REASON}}">{{d.rows[i].VEHICLE_STATUS_NAME}}</p>
                            <span class="b_price">￥{{getNumber(d.rows[i].VEHICLE_PRICE_DAY)}}元起/天</span>
                        </dd>
                    </dl>
                        {{#} }}
                    </xmp>
                <div id="loginPage" style="display: none" class="log">车辆信息加载中请稍后...</div>
                <div id="nextPage" onclick="goPage();" class="log">查看更多</div>
            </div>
        </div>
        <input type="hidden" id="pageIndex" value="1" />
        <%=msBsc.WebUi.Code.QtHtmlGet.GetWapMenuHtml() %>
    </div>
    <script src="/??jqPlugin/js/jquery-1.8.3.min.js,js/jBase.js,js/jmPage.js,themes/Style1/jsQt.js,jqPlugin/js/laytpl.js"
        type="text/javascript"></script>
    <script type="text/javascript" src="/jqPlugin/js/jBase.js"></script>
    <script src="/themes/wStyle1/js/comm/VerifyJs.js"></script>
    <script type="text/javascript">
        (function () {
            $.getMessageCount();
        })()
        $("#h_title").text("地接客-我的车辆");
        var pageSize = 10;
        function btnDo(sEbtn) {
            GtGrid1Action = sEbtn;
            var opart = GetGtParam();
            ajaxComm(opart);
        };
        function removeVehicle(vehicleId) {
            var opart = new jsonRow();
            opart.AddCell("vehicleId", vehicleId);
            opart.AddCell("ACTION", "removeVehicle");
            ajaxComm(opart);
        }

        function refresh(vehicleId) {
            var opart = new jsonRow();
            opart.AddCell("vehicleId", vehicleId);
            opart.AddCell("ACTION", "RefreshDatetime");
            ajaxComm(opart);
        }

        //执行AJAX调用时获取参数
        function GetGtParam() {
            var _jsParam = new jsonRow();
            _jsParam.AddCell("pIndex", $("#pageIndex").val());
            _jsParam.AddCell("pRows", pageSize);
            _jsParam.AddCell("ACTION", GtGrid1Action);
            return _jsParam;
        };
        btnDo("init");
        function goPage() {
            var pageIndex = $("#pageIndex").val();
            $("#pageIndex").val((parseInt(pageIndex) + 1));
            btnDo("init");
        }

        function setPage(rowCount, index) {
            $("#sumCount").html(rowCount);

            if (parseInt(index) < 1 || parseInt(rowCount) < 1 || (pageSize * index) >= rowCount) {
                $("#loginPage").show();
                $("#loginPage").html("下面没有更多分页了...");
                $("#nextPage").hide();
            }
            else {
                $("#nextPage").hide();
                $("#loginPage").html("正在加载中...");
                $("#nextPage").show();
            }
        }
    </script>
</body>
</html>

